<template>
  <div class="terms-page">
    <page-header title="使用条款" :breadcrumb="[{text: '首页', link: '/'}, {text: '使用条款'}]"></page-header>

    <div class="terms-container">
      <div class="terms-content">
        <div class="last-updated">最后更新日期：2023年11月20日</div>
        
        <div class="terms-intro">
          <p>欢迎访问我们的网站。本使用条款构成您与XX科技有限公司之间具有法律约束力的协议，规定了您访问和使用我们网站和服务的条款和条件。</p>
          <p>通过访问或使用我们的网站，您确认您已阅读、理解并同意受本使用条款的约束。如果您不同意这些条款，请不要使用我们的网站或服务。</p>
        </div>
        
        <div class="terms-section">
          <h2>1. 定义</h2>
          <p>在本使用条款中：</p>
          <ul>
            <li>"网站"指由XX科技有限公司运营的网站，包括所有相关页面和服务。</li>
            <li>"服务"指网站提供的任何服务、功能或内容。</li>
            <li>"用户"、"您"或"您的"指访问或使用网站的任何人。</li>
            <li>"我们"、"我们的"或"公司"指XX科技有限公司及其关联公司。</li>
            <li>"内容"指网站上显示或提供的所有信息、文本、图片、视频、音频、数据或其他材料。</li>
          </ul>
        </div>
        
        <div class="terms-section">
          <h2>2. 网站使用</h2>
          
          <h3>2.1 使用授权</h3>
          <p>我们授予您有限的、非排他性的、不可转让的权利，允许您出于个人、非商业目的访问和使用我们的网站及其内容。</p>
          
          <h3>2.2 使用限制</h3>
          <p>您同意不会：</p>
          <ul>
            <li>以任何方式干扰或破坏网站的功能</li>
            <li>规避、禁用或以其他方式干扰网站的安全相关功能</li>
            <li>使用自动系统或软件收集或提取网站上的数据</li>
            <li>删除、掩盖或更改网站上的任何版权、商标或其他专有权利通知</li>
            <li>将网站用于任何非法或未经授权的目的</li>
            <li>传播病毒、蠕虫、特洛伊木马或其他具有破坏性的代码</li>
            <li>尝试未经授权访问网站的任何部分、其他账户或连接到网站的任何计算机系统</li>
          </ul>
        </div>
        
        <div class="terms-section">
          <h2>3. 账户管理</h2>
          
          <h3>3.1 账户注册</h3>
          <p>某些网站功能可能需要您创建账户。您同意提供准确、完整和最新的信息，并对保持信息的准确性和更新负责。</p>
          
          <h3>3.2 账户安全</h3>
          <p>您负责维护您的账户安全，包括保护您的密码和限制对您计算机的访问。您同意对您账户下发生的所有活动负责。</p>
          
          <h3>3.3 账户终止</h3>
          <p>我们保留在任何时候因任何理由终止或暂停您的账户访问权限的权利，包括但不限于违反这些使用条款。</p>
        </div>
        
        <div class="terms-section">
          <h2>4. 知识产权</h2>
          
          <h3>4.1 我们的知识产权</h3>
          <p>网站及其原始内容、功能和设计是我们和/或我们的许可方的财产，受著作权、商标、专利、商业秘密和其他知识产权或专有权利法律的保护。</p>
          
          <h3>4.2 商标</h3>
          <p>我们的名称、标志和网站上使用的所有相关名称、设计标记和口号是我们或我们附属公司的商标。未经我们事先书面许可，您不得使用这些商标。</p>
          
          <h3>4.3 用户生成内容</h3>
          <p>如果您向网站提交、上传或发布任何内容，您授予我们在全球范围内免版税、永久、不可撤销的权利，允许我们使用、复制、修改、改编、分发、传输、公开展示和创建该内容的衍生作品。</p>
        </div>
        
        <div class="terms-section">
          <h2>5. 第三方链接和内容</h2>
          <p>我们的网站可能包含指向第三方网站或服务的链接，这些网站或服务不由我们拥有或控制。</p>
          <p>我们对任何第三方网站的内容、隐私政策或做法不承担任何责任。您进一步确认并同意，我们不应对您因使用或依赖任何第三方网站或服务的可用内容而直接或间接遭受的任何损害或损失负责或承担责任。</p>
          <p>我们强烈建议您阅读您访问的每个网站的条款和条件以及隐私政策。</p>
        </div>
        
        <div class="terms-section">
          <h2>6. 免责声明</h2>
          <p>我们的网站和服务按"原样"和"可用"的基础提供，没有任何形式的明示或暗示的保证。</p>
          <p>在法律允许的最大范围内，我们不作任何明示或暗示的保证，包括但不限于对适销性、特定用途适用性和非侵权的暗示保证。</p>
          <p>我们不保证网站将始终可用、安全或无错误，也不保证网站将满足您的需求或期望。</p>
        </div>
        
        <div class="terms-section">
          <h2>7. 责任限制</h2>
          <p>在法律允许的最大范围内，无论在任何情况下，我们对任何直接的、间接的、附带的、特殊的、惩罚性的或后果性的损害赔偿（包括但不限于业务利润损失、业务中断、商业信息丢失或任何其他金钱损失）均不承担责任，即使我们已被告知此类损害的可能性。</p>
        </div>
        
        <div class="terms-section">
          <h2>8. 赔偿</h2>
          <p>您同意赔偿、保护并使我们及我们的母公司、子公司、关联公司、合作伙伴、高管、董事、代理人、员工、承包商和许可方免受因以下原因导致的或与之相关的任何索赔、损失、责任、费用和支出（包括合理的律师费）的损害：</p>
          <ul>
            <li>您违反这些使用条款的任何规定</li>
            <li>您违反任何第三方权利，包括但不限于任何版权、财产或隐私权</li>
            <li>您对我们网站的使用</li>
          </ul>
        </div>
        
        <div class="terms-section">
          <h2>9. 适用法律</h2>
          <p>这些使用条款应受中华人民共和国法律管辖并按其解释，不考虑任何法律冲突原则。</p>
          <p>您同意接受中华人民共和国法院的专属管辖权，解决与这些条款相关的任何争议。</p>
        </div>
        
        <div class="terms-section">
          <h2>10. 条款变更</h2>
          <p>我们可能随时修改这些使用条款。更新后的条款将在我们的网站上发布，并在发布时立即生效。</p>
          <p>在我们做出任何更改后继续使用网站，即表示您接受修改后的条款。我们建议您定期查看这些条款。</p>
        </div>
        
        <div class="terms-section">
          <h2>11. 通用条款</h2>
          
          <h3>11.1 完整协议</h3>
          <p>这些使用条款构成您与我们之间关于我们网站使用的完整协议，取代任何先前的协议。</p>
          
          <h3>11.2 弃权和可分割性</h3>
          <p>我们未能执行这些使用条款的任何权利或规定不构成对该权利或规定的放弃。如果这些使用条款的任何规定被认定为无效或不可执行，剩余规定仍将完全有效。</p>
          
          <h3>11.3 转让</h3>
          <p>未经我们事先书面同意，您不得转让这些使用条款下的权利或义务。我们可以自由地转让这些使用条款。</p>
        </div>
        
        <div class="terms-section">
          <h2>12. 联系我们</h2>
          <p>如果您对这些使用条款有任何疑问，请联系我们：</p>
          <div class="contact-info">
            <p><strong>公司名称：</strong>XX科技有限公司</p>
            <p><strong>地址：</strong>北京市海淀区科技园区XX号</p>
            <p><strong>电子邮件：</strong>legal@example.com</p>
            <p><strong>电话：</strong>400-123-4567</p>
          </div>
        </div>
      </div>
      
      <div class="terms-footer">
        <p>感谢您阅读我们的使用条款。通过继续使用我们的网站和服务，您表示同意受这些条款的约束。</p>
      </div>
    </div>
  </div>
</template>

<script>
import PageHeader from '../../components/PageHeader.vue'

export default {
  name: 'Terms',
  components: {
    PageHeader
  },
  metaInfo: {
    title: '使用条款 - 企业门户'
  }
}
</script>

<style scoped>
.terms-page {
  padding-bottom: 60px;
}

.terms-container {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 20px;
}

.terms-content {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 12px 0 rgba(0,0,0,0.05);
  padding: 40px;
  margin-bottom: 30px;
}

.last-updated {
  margin-bottom: 30px;
  color: #909399;
  font-size: 14px;
  text-align: right;
}

.terms-intro {
  margin-bottom: 40px;
  font-size: 15px;
  line-height: 1.8;
  color: #606266;
}

.terms-section {
  margin-bottom: 40px;
}

.terms-section h2 {
  font-size: 22px;
  color: var(--el-color-primary);
  margin: 0 0 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ebeef5;
}

.terms-section h3 {
  font-size: 18px;
  color: #303133;
  margin: 25px 0 15px;
}

.terms-section p {
  font-size: 14px;
  color: #606266;
  line-height: 1.8;
  margin: 0 0 15px;
}

.terms-section ul {
  padding-left: 20px;
  margin-bottom: 15px;
}

.terms-section li {
  font-size: 14px;
  color: #606266;
  line-height: 1.7;
  margin-bottom: 8px;
}

.terms-section strong {
  color: #303133;
}

.contact-info {
  background-color: #f5f7fa;
  border-radius: 6px;
  padding: 20px;
  margin: 15px 0;
}

.contact-info p {
  margin: 8px 0;
}

.terms-footer {
  text-align: center;
  font-size: 14px;
  color: #606266;
  padding: 0 20px;
}

@media (max-width: 768px) {
  .terms-content {
    padding: 30px 20px;
  }
  
  .terms-section h2 {
    font-size: 20px;
  }
  
  .terms-section h3 {
    font-size: 16px;
  }
}
</style>
